<div class="wrap">
    <h2>Audio & Video Manager</h2>
    <div class="audio-video-manager-pagenation" style="float: right;"></div>
    <div style="clear: both;"></div>
    <div id="audio-video-manager-current-page"></div>
    <div class="audio-video-manager-pagenation" style="float: right;"></div>
    <div style="clear: both;"></div>
</div>

<script type="text/javascript">
    var html5av_api = '<?php echo html5av_manager::getApiURL() ?>';
    var html5avCurPage;
    
    function html5avSetPage(page) {
        html5avCurPage = page;
        jQuery.post(ajaxurl, {action: 'html5av_manager', 'node':'video_audio_manager_page','page':page},
        function(data) {
            jQuery('#audio-video-manager-current-page').html(data);
            if(jQuery('#html5av-widget').size() > 0) {
                jQuery('.audio-video-manager-non-select').css('display','none');
                jQuery('.audio-video-manager-select').css('display','block');
            }
        });
        jQuery.post(ajaxurl, {action: 'html5av_manager', node:'video_audio_manager_pagenation','page':page},
        function(data) {
            jQuery('.audio-video-manager-pagenation').html(data);
        });
    }
    
    function html5avSetCurPage() {
        html5avSetPage(html5avCurPage);
    }
    
    html5avSetPage(1);
</script>